<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" href="{{ asset('css/ext.css') }}" />
    @yield('css')
    <title>@yield('title')</title>
</head>
<body>
<!--Begin Header Begin-->
@include('layouts._header')
<!--End Header End-->

<!--End Menu End-->
<div class="i_bg bg_color">

@yield('main')

<!--Begin Footer Begin -->
@include('layouts._footer')
<!--End Footer End -->
</div>

</body>

@yield('js')

{{--编写js代码--}}
<script src="{{ mix('js/app.js') }}"></script>
<script type="text/javascript">
    $(document).on("click",".nav_t",function(){
        if ($('.leftNav').hasClass('none')) {
            $('.leftNav').removeClass('none')
        }else{
            $('.leftNav').addClass('none')
        }
    });

    new Vue({
        el:"#leftNav",
        data:{
            data:[],
            isshow:true
        },
        methods:{
            showType:function(e){
                index = e.currentTarget.nextElementSibling.getAttribute('index');
                e.currentTarget.nextElementSibling.style="display:block;top:-"+index*40+"px;";
            },
            noShowType:function(e){
                e.currentTarget.nextElementSibling.style="display:none;";
            }

        },
        mounted() {
            axios.get("{{env('api_base_url')}}goods/cate_list").then(e=>this.data = this.data.concat(e.data))
        }
    })


</script>
@show
</html>




